{% load i18n %}
{% load url from future %}
{% load compress %}
{% load bootswatch %}
<!DOCTYPE html>
<html xml:lang="{{ LANGUAGE_CODE }}" lang="{{ LANGUAGE_CODE }}" version="-//W3C//DTD XHTML 1.1//EN" xmlns="http://www.w3.org/1999/xhtml">
  <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="cache-control" content="public" />
    <meta name="robots" content="follow, all" />
    <meta name="language" content="{{ LANGUAGE_CODE }}" />
    <!-- Mobile viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="{% block meta_author %}{% endblock %}">
    <meta name="description" content="{% block meta-description %}{% endblock meta-description %}{% block meta-description-page %}{% endblock meta-description-page %}" />
    <meta name="keywords" content="{% block meta-keywords %}{% endblock meta-keywords %}" />
    <link rel="shortcut icon" href="{{ STATIC_URL }}site/images/favicon.ico" />

    <title>{% block title %}{% endblock title %}</title>

  {% compress js %}
    {% ie_js %}
  {% endcompress %}

  {% compress css %}
    {% block css %}
        {% theme_css %}
        {% site_css %}
        {% block extra-css %}{% endblock extra-css %}
    {% endblock css %}
  {% endcompress %}

  {% block replaced-style %}{% endblock replaced-style %}

  {% block extra-header %}{% endblock extra-header %}

<body>
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 8]>
  <div class="alert alert-warning">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
      <p><strong>Warning!</strong> You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>   
  </div>
  <![endif]-->

  <div class="navbar navbar-default navbar-fixed-top  navbar-wrapper">
    <div class="container">
      {% block navbar %}
        <div class="navbar-header">
          {% block navbar-header %}{% endblock navbar-header %}
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            {% block navbar-main %}{% endblock navbar-main %}
          </ul>
          <ul class="nav navbar-nav navbar-right">
            {% block navbar-right %}{% endblock navbar-right %}
          </ul>
        </div>
      {% endblock navbar %}
    </div> <!-- <div class="container"> -->
  </div> <!-- <div class="navbar navbar-default navbar-fixed-top"> -->


  {% block alert-message %}{% endblock alert-message %}

  <div class="container myraw well2">
    <div class="raw">

      {% block page-header-block %}{% endblock page-header-block %} 

      {% block content %}         

          {% block carousel-block %}{% endblock carousel-block %}

          <div class="col-lg-8">
          {% block main-block-content %}

            {% block category-block-content %}{% endblock category-block-content %}

            {% block recipes-block-content %}{% endblock recipes-block-content %}

            {% block extra-main-content-block %}{% endblock extra-main-content-block %}

          {% endblock main-block-content %}
          </div> <!-- <div class="col-lg-8"> -->


        <div class="col-lg-4 pull-right myraw well">
        {% block side-block-content %}

          {% block dayrecipe-block-content %}{% endblock dayrecipe-block-content %}

          {% block dayuser-block-content %}{% endblock dayuser-block-content %}

          {% block top-block-content %}{% endblock top-block-content %}

          {% block extra-side-content-block %}{% endblock extra-side-content-block %}

        {% endblock side-block-content %}
        </div> <!-- <div class="col-lg-4"> -->

    {% endblock content %}
    </div> <!-- <div class="raw"> -->

  </div> <!-- <div class="container"> -->

  {% block footer %}{% endblock footer %}


  {% compress js %}
    {% jquery_js %}
    {% bootstrap_js all %}
    {% block extra-js %}{% endblock extra-js %}
  {% endcompress %}

  {% block replaced-js %}{% endblock replaced-js %}

</body>

</html>